<template>
  <div id="app">
    <router-view />
    <theme-picker />
  </div>
</template>

<script>
import ThemePicker from "@/components/ThemePicker";

export default {
  name: "App",
  components: { ThemePicker },
  metaInfo() {
    return {
      title:
        this.$store.state.settings.dynamicTitle &&
        this.$store.state.settings.title,
      titleTemplate: (title) => {
        return title
          ? `${title} - ${process.env.VUE_APP_TITLE}`
          : process.env.VUE_APP_TITLE;
      },
    };
  },
};
</script>
<style scoped>
#app .theme-picker {
  display: none;
}
</style>
<style>
.demo-table-expand {
  padding: 20px 20px;
}
.demo-table-expand label {
  width: 100px;
  color: #858a91;
}
.demo-table-expand1 {
  padding: 20px 20px;
}
.el-card__body {
  padding: 10px;
}
</style>
<style>
.company {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.company .left {
  margin-right: 20px;
}
.company .right {
  margin: 0 auto;
}
.company .right > div {
  margin-top: 4px;
}

.company .pro {
  background-color: #ff5722;
  color: #fff;
}
.company .id {
  margin-top: 2px;
  font-size: 14px;
  font-weight: bold;
}
.company .titlename {
  font-size: 16px;
  font-weight: bold;
}
.company .brand {
  font-size: 12px;
}
.rule {
  display: flex;
  flex-wrap: wrap;
}
.rule .ellipsis {
  width: 50%;
  margin-bottom: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* 在全局样式文件中 */
.el-table__header th {
  /* background: linear-gradient(135deg, #f0f9ff 0%, #e6f7ff 50%, #f0fff4 100%) !important; */
  background: #f0f9ff !important;

  color: #606266;
  font-weight: bold;
}
.el-form-item__label {
  font-size: 12px !important;
}
.el-table {
  font-size: 12px !important;
}
.el-table .el-table__header-wrapper th,
.el-table .el-table__fixed-header-wrapper th {
  font-size: 12px !important;
}
</style>
